body{font-family:Roboto,arial,sans-serif;color:#444;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
p{margin-bottom:15px;line-height:1.5}
a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
a:hover{text-decoration:none;color:#e74124}
a:focus{text-decoration:none}
.btn,a.btn{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;font-weight:700}
.btn .fa,a.btn .fa{color:#fff;margin-right:5px}
.btn-cta,a.btn-cta{padding:8px 30px}
.btn-cta-primary,a.btn-cta-primary{background:transparent;border:1px solid #fff;color:#fff;font-weight:normal}
.btn-cta-primary:hover,a.btn-cta-primary:hover{border:1px solid #77adeb;color:#77adeb}
.btn-cta-secondary,a.btn-cta-secondary{background:0 0;border:1px solid #5f9be0;color:#5f9be0;font-weight:normal}
.btn-cta-secondary:hover,a.btn-cta-secondary:hover{background:#5f9be0;border:2px solid #5f9be0;color:#fff}
.btn-ghost,a.btn-ghost{background:0 0;border:1px solid #fff;color:#fff!important;padding:8px 20px;vertical-align:middle}
.btn-ghost:hover,a.btn-ghost:hover{background:#4a6781;border:1px solid #4a6781;color:#fff}
.btn-ghost .fa,a.btn-ghost .fa{margin-right:10px;font-size:22px}
.btn-ghost .text,a.btn-ghost .text{position:relative;top:-2px}
.highlight{color:#ec6952}
.form-control{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;height:40px;border-color:#eee}
.form-control::-webkit-input-placeholder{color:#a6a6a6}
.form-control:-moz-placeholder{color:#a6a6a6}
.form-control::-moz-placeholder{color:#a6a6a6}
.form-control:-ms-input-placeholder{color:#a6a6a6}
.form-control:focus{border-color:#e1e1e1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.text-highlight{color:#952410}
input[type=text],input[type=email],input[type=password],input[type=submit],input[type=button],select,textarea{appearance:none;-webkit-appearance:none}
#topcontrol{background:#5d80a1;color:#fff;text-align:center;display:inline-block;width:35px;height:35px;border:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;z-index:30}
#topcontrol:hover{background:#384d60}
#topcontrol .fa{position:relative;top:3px;font-size:25px}
.video-container iframe{max-width:100%}
.header{color:#fff;width:100%;position:relative;z-index:40;height:80px;background:#101F46}
.header.scrolled{height:80px;top:0}
.header.scrolled .main-nav .nav .nav-item a{color:#666;-webkit-opacity:1;-moz-opacity:1;opacity:1}
.header.scrolled .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary{background:#ec6952;border-color:#ec6952}
.header.scrolled .main-nav .nav .dropdown-menu a{color:#fff}
.header h1.logo{font-family:"Roboto Slab",arial,sans-serif;margin-top:0;margin-bottom:0;font-weight:700;font-size:15px;float:left}
.header h1.logo a{color:#fff;padding:15px 30px;display:inline-block;text-align:center;line-height:1.4;max-width:155px;background:#ec6952;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-left-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-ms-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out;position:relative;font-size:20px}
.header h1.logo a:hover{text-decoration:none}
.header h1.logo .logo-title{vertical-align:middle;line-height:1.6}
.header .main-nav{margin-top:15px}
.header .main-nav .navbar-toggle{margin-right:0;margin-top:0;background:0 0;position:absolute;right:10px;top:10px}
.header .main-nav .navbar-toggle:focus{outline:0}
.header .main-nav .navbar-toggle .icon-bar{background-color:rgba(255,255,255,.6);height:3px}
.header .main-nav .navbar-toggle:hover .icon-bar{background-color:#fff}
.header .main-nav .nav .nav-item{font-weight:400;text-transform:uppercase;font-size:13px;margin-right:15px}
.header .main-nav .nav .nav-item.active a{color:#ec6952;background:0 0;font-weight:700}
.header .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary{border:1px solid #fff;color:#fff;padding:8px 10px;margin-top:5px;font-size:13px}
.header .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary:hover{border:1px solid #ec6952;background:#ec6952}
.header .main-nav .nav .nav-item a{color:#fff}
.header .main-nav .nav .nav-item a:hover{color:#ec6952;background:0 0}
.header .main-nav .nav .nav-item a:focus{outline:0;background:0 0}
.header .main-nav .nav .nav-item a:active{outline:0;background:0 0}
.header .main-nav .nav .nav-item.active{color:#ec6952}
.header .main-nav .nav .nav-item.last{margin-right:0}
.header .main-nav .nav.active{position:relative}
.header .main-nav .nav.active>a{background:#e74124;color:#fff;color:rgba(255,255,255,.8)}
.header .main-nav .nav.active>a:before{content:"\f0d8";position:absolute;bottom:-8px;left:0;text-align:center;font-family:FontAwesome;display:block;font-size:12px;width:100%}
.header .main-nav .nav.active>a.dropdown-toggle:before{display:none}
.header .main-nav .nav.open a{background:0 0}
.header .main-nav .nav .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:0;border:none;text-transform:none;min-width:180px;background:#253340}
.header .main-nav .nav .dropdown-menu:before{content:"";display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #253340;position:absolute;right:30px;top:-10px}
.header .main-nav .nav .dropdown-menu a{border-bottom:1px solid #212e3a;padding:8px 20px;color:#fff;-webkit-opacity:1;-moz-opacity:1;opacity:1}
.header .main-nav .nav .dropdown-menu a:hover{background:#2e4050;color:#fff}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background:0 0}
.bg-slider-wrapper{content:"";position:absolute;width:100%;top:0;left:0;height:780px;background:#373737}
.bg-slider-wrapper .flexslider{margin:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.bg-slider-wrapper .flexslider .slide{display:block;height:780px}
.bg-slider-wrapper .flexslider .slide.slide-train{background:#253340 url(../image/bg-header-4.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.bg-slider-wrapper .flexslider .slide.slide-exercise{background:#253340 url(../image/bg-header-8.jpg) no-repeat 50% top;opacity: 0.4;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.bg-slider-wrapper .flexslider .slide.slide-learning{background:#253340 url(../image/bg-header-11.jpg) no-repeat 50% top;opacity: 0.5;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.bg-slider-wrapper .flexslider .slide.slide-job{background:#253340 url(../image/bg-header-6.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}


.bg-slider-wrapper .flexslider .slide.slide-race{background:#253340 url(../image/bg-header-16.jpg) no-repeat 50% top;opacity:0.5;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.bg-slider-wrapper .flexslider .slide.slide-question{background:#253340 url(../image/bg-header-13.jpg) no-repeat 50% top;opacity: 0.5;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.bg-slider-wrapper .flexslider .slide.slide-room{background:#253340 url(../image/bg-header-14.jpg) no-repeat 50% top;opacity:0.5;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.bg-slider-wrapper .flexslider .slide.slide-user{background:#253340 url(../image/bg-header-5.jpg) no-repeat 50% top;opacity:0.5;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

.bg-slider-wrapper .flexslider .flex-control-nav{z-index:30;bottom:30px;position:relative}
.bg-slider-wrapper .flexslider .flex-control-nav li a{background:#999}
.bg-slider-wrapper .flexslider .flex-control-nav li a.flex-active{background:#bfbfbf}
.headline-bg{position:absolute;width:100%;top:0;left:0;height:500px;background:#253340 url(../image/bg-header-small-1.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.headline-bg.pricing-headline-bg{background-image:url(../image/bg-header-small-2.jpg)}
.headline-bg.contact-headline-bg{background-image:url(../image/bg-header-small-3.jpg)}
.headline-bg.about-headline-bg{background-image:url(../image/bg-header-small-4.jpg)}
.promo{padding-top:90px;position:relative;color:#fff;margin-bottom:80px;height:620px;z-index:10}
.promo .title{font-size:38px;margin-bottom:20px;margin-top:0;text-shadow:0 1px 1px rgba(0,0,0,.5)}
.promo.section .intro{max-width:600px;margin:0 auto;margin-bottom:30px}
.promo .btn-cta{font-size:18px}
.promo .btn-link{color:#fff;font-weight:700;text-transform:uppercase;font-size:12px;-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;text-decoration:none}
.promo .btn-link:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1;text-decoration:none}
.promo .btn-link:focus{outline:0}
.promo .btn-link .fa{margin-right:5px;font-size:18px;position:relative;top:2px}
.sections-wrapper{background:#fff;z-index:20;position:relative}
.section .intro{max-width:700px;margin:0 auto;margin-bottom:60px;text-align:center;color:#999;font-size:18px}
.section-on-bg .title{color:#fff}
.section-on-bg .intro{color:#fff;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}

.why .title{font-size:36px;font-weight:300;margin-top:50px}
.why .intro{color:#999;margin-bottom:30px;font-size:18px}
.why .item{padding:90px 0;border-bottom:1px solid #eee}
.why .item.last-item{border-bottom:none}
.why .item .title{font-size:26px;color:#4a6781;margin-top:0;margin-bottom:15px}
.why .item .desc{margin-bottom:60px;margin-top:50px;}
.why .item .desc .fa{margin-right:5px;font-size:12px;}
.why .item .quote{position:relative}
.why .item .quote .quote-profile{position:absolute;left:0}
.why .item .quote .quote-content{margin-left:90px;background:#f5f5f5;border-left:4px solid #e8e8e8;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:14px;padding:15px}
.why .item .quote .quote-content:before{content:"";display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #e8e8e8;position:absolute;left:80px;top:25px}
.why .item .quote blockquote{border-left:none;font-style:italic;color:#666;font-size:16px;padding:0;margin-bottom:10px}
.why .item .quote .source{color:#999;font-size:13px;margin-bottom:0}
.why .item .quote .source a{color:#999}
.why .item .quote .source a:hover{color:grey}
.why .figure{position:relative;text-align:center}
.why .figure .figure-caption{color:#b3b3b3;font-size:13px;margin-top:10px;text-align:center}
.why .figure .figure-caption a{color:#b3b3b3}
.why .figure .figure-caption a:hover{color:#ec6952}
.why .figure img{margin-left:auto;margin-right:auto}
.why .control{position:absolute;top:120px;left:50%;margin-left:-65px}
.why .control .play-trigger{color:#fff;background:rgba(0,0,0,.3);position:relative;width:60px;height:60px;border:4px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:0 auto;text-align:center;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.why .control .play-trigger:active,.why .control .play-trigger:focus{outline:0}
.why .control .play-trigger:hover{color:#fff;-webkit-opacity:1;-moz-opacity:1;opacity:1;background:rgba(0,0,0,.6)}
.why .control .play-trigger:hover .fa{cursor:pointer}
.why .control .play-trigger .fa{font-size:26px;position:relative;left:2px}
.why .feature-lead .title{font-weight:300;font-size:16px;margin-bottom:15px}
.testimonials{background:#f5f5f5;padding-top:60px;padding-bottom:120px}
.testimonials .carousel-indicators{bottom:-60px;z-index:auto}
.testimonials .carousel-indicators li{background:#ccc;border:none;margin:1px}
.testimonials .carousel-indicators li.active{background:#f19180;border:none;width:10px;height:10px;margin:1px}
.testimonials .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:60px}
.testimonials .item .profile{position:absolute;left:0}
.testimonials .item .content{padding-left:210px}
.testimonials .item blockquote{font-size:20px;font-weight:300;border-left:0;padding:0;position:relative}
.testimonials .item blockquote .fa{position:absolute;color:#ef7d69;font-size:22px;left:-45px}
.testimonials .item .source{color:#ec6952}
.testimonials .item .source .title{font-size:16px;color:#666}
.press .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:60px}
.press .press-list{margin-bottom:15px;text-align:center}
.press .press-list.last{margin-bottom:60px}
.press .press-list li{display:block;height:80px}
.press .press-list li img{-webkit-opacity:.6;-moz-opacity:.6;opacity:.6}
.press .press-list li:hover img{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.press .press-lead .title{font-size:18px;margin-bottom:15px}
.cta-section{background:#101F46;border-bottom:1px solid #2e4055;background-size:cover;min-height:420px;color:#fff;padding-top:80px;}

.cta-section .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:60px}
.cta-section .title a{color:#fff}
.cta-section .btn-cta{font-size:20px}
.cta-section .intro{margin-bottom:30px;color:#fff}
.cta-section .counting{color:#ec6952;font-weight:700;-webkit-opacity:1;-moz-opacity:1;opacity:1}
.features-video{padding-top:170px;position:relative;z-index:10}
.features-video .title{font-size:36px;margin-bottom:60px;margin-top:0;color:#fff;font-weight:300}
.features-video .video-container{max-width:800px;margin:0 auto}
.features-video iframe{background:#fff;padding:15px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #eee;-webkit-box-shadow:0 4px 1px rgba(0,0,0,.05);-moz-box-shadow:0 4px 1px rgba(0,0,0,.05);box-shadow:0 4px 1px rgba(0,0,0,.05)}
.features-tabbed{padding-top:80px;padding-bottom:80px}
.features-tabbed .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:60px}
.features-tabbed .tab-content{padding:60px 30px}
.features-tabbed .tab-content .title{font-size:16px;color:#f19180;font-weight:700;margin-bottom:30px}
.features-tabbed .tab-content .desc{margin-bottom:30px;color:#666}
.features-tabbed .tab-content .desc ul{padding-left:30px;padding-top:15px;padding-bottom:15px}
.features-tabbed .tab-content .desc ul li{margin-bottom:10px}
.features-tabbed .tab-content .desc ul .fa{color:#ec6952;margin-right:5px}
.features-tabbed .tab-content .desc blockquote{font-style:italic;color:grey}
.features-tabbed .tab-content .desc .table{font-size:14px;padding:15px 0}
.features-tabbed .tab-content .desc .box{background:#f5f5f5;padding:30px;font-size:14px}
.features-tabbed .tab-content .figure{margin-bottom:60px}
.features-tabbed .tab-content .figure img{-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2);margin:0 auto}
.features-tabbed .tab-content .figure .figure-caption{color:#b3b3b3;font-size:13px;margin-top:10px;text-align:center}
.features-tabbed .tab-content .figure .figure-caption a{color:#b3b3b3}
.features-tabbed .tab-content .figure .figure-caption a:hover{color:#ec6952}
.nav-tabs{border:none;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;text-align:center;position:relative}
.nav-tabs:before{content:"";display:block;border-bottom:1px solid #eee;position:absolute;bottom:0}
.nav-tabs>li{margin-bottom:-1px;position:relative;z-index:1;background:#fff;border:1px solid #eee;border-right:none;-webkit-box-flex:1;-moz-box-flex:1;width:20%;-webkit-flex:1;-ms-flex:1;flex:1}
.nav-tabs>li>a{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin-right:0;color:#999;padding:15px 30px;font-size:14px;background:#fafafa;border:none}
.nav-tabs>li>a .fa{font-size:20px}
.nav-tabs>li>a:hover{background:#f5f5f5}
.nav-tabs>li.active{border-top-color:#ec6952;border-bottom-color:#fff}
.nav-tabs>li.active>a{color:#ec6952;background:#fff;-webkit-box-shadow:inset 0 3px 0 #ec6952;-moz-box-shadow:inset 0 3px 0 #ec6952;box-shadow:inset 0 3px 0 #ec6952;border:none}
.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:none}
.nav-tabs>li.active:hover>a{border-top:0;border:none;color:#ec6952}
.nav-tabs>li.last{border-right:1px solid #eee}
.steps{padding-top:80px}
.steps .container{background:#fff;border-radius:15px;}
.steps .top250px{margin-top:-250px;}
.steps .title{font-size:36px;font-weight:300;margin-top:30px;margin-bottom:10px}
.steps .step{padding:30px 60px;color:#666}
.steps .step .title{text-align:center;font-size:16px;margin-bottom:15px}
.steps .step .title .number{width:60px;height:60px;display:block;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:center;background:#3683d8;box-shadow:rgba(15, 66, 76, 0.25) 0px 0px 14px 8px;color:#fff;margin:0 auto;padding-top:15px;font-size:26px;font-weight:700;font-family:arial,sans-serif;margin-bottom:30px}
.steps .step .title .text{color:#48679b;font-size:19px}
.steps .btn-cta-primary{margin:0 auto;margin-top:60px;font-size:20px}
.pricing{padding:80px 0;padding-top:170px;position:relative;z-index:10}
.pricing .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:30px;color:#fff}
.pricing .intro{color:#fff;margin-bottom:80px}
.pricing .item{padding:0;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 4px 1px rgba(0,0,0,.05);-moz-box-shadow:0 4px 1px rgba(0,0,0,.05);box-shadow:0 4px 1px rgba(0,0,0,.05);margin-bottom:30px}
.pricing .item.best-buy{top:-15px;z-index:11;position:relative}
.pricing .item.best-buy .item-inner{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.pricing .item.best-buy .item-inner:hover{-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,.25);box-shadow:0 0 20px 0 rgba(0,0,0,.25)}
.pricing .item.best-buy .heading{padding-top:45px}
.pricing .item.best-buy .content{padding-bottom:45px}
.pricing .item .item-inner{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;position:relative;border:1px solid #eee}
.pricing .item .item-inner:hover{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.pricing .item .heading{margin-top:0;padding:30px 15px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.pricing .item .heading .title{margin-bottom:30px;padding-bottom:30px;font-weight:400;font-size:18px;border-bottom:1px dashed #eee;color:#444}
.pricing .item .content{padding:30px 15px;padding-top:0;font-size:14px}
.pricing .item .price-figure{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:0 auto}
.pricing .item .price-figure .number{font-size:42px;font-weight:700}
.pricing .item .price-figure .unit{font-weight:400;color:#b3b3b3}
.pricing .item .price-figure .currency{top:-12px;right:2px;position:relative;font-family:arial,sans-serif;color:#666;font-size:18px}
.pricing .item .ribbon{position:absolute;top:-6px;right:-6px;width:110px;height:110px;overflow:hidden}
.pricing .item .ribbon .text{position:relative;left:-8px;top:18px;width:158px;padding:10px 10px;font-size:15px;font-weight:700;text-align:center;text-transform:uppercase;color:#fff;background-color:#5d80a1;-webkit-transform:rotate(45deg) translate3d(0,0,0);-moz-transform:rotate(45deg) translate3d(0,0,0);-ms-transform:rotate(45deg) translate3d(0,0,0);-o-transform:rotate(45deg) translate3d(0,0,0)}
.pricing .item .ribbon .text:after,.pricing .item .ribbon .text:before{content:'';position:absolute;bottom:-5px;border-top:5px solid #2e4050;border-left:5px solid transparent;border-right:5px solid transparent}
.pricing .item .ribbon .text:before{left:0}
.pricing .item .ribbon .text:after{right:0}
.pricing .item .feature-list{margin-bottom:30px}
.pricing .item .feature-list li{border-bottom:1px solid #f3f3f3;padding:10px}
.pricing .item .feature-list li .fa{margin-right:5px;color:#4a6781}
.pricing .item .feature-list li.disabled{color:#999}
.pricing .item .feature-list li.disabled .fa{color:#999}
.download-page .headline-bg{height:1200px;background:#253340 url(../image/bg-mobile-headline.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.apps-section{min-height:900px;padding-top:160px}
.apps-section .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:15px;color:#fff}
.apps-section .intro{text-align:left;margin-bottom:60px}
.apps-section .phone-holder{width:324px;height:651px;display:block;background:url(http://www.kaoshiyun.com.cn/index/style/images/mobile/iphone.png) no-repeat left top;position:relative}
.apps-section .phone-holder .screenshot{position:absolute;left:21px;top:75px}
.apps-section .content-area .download-list li{margin-bottom:15px}
.apps-section .content-area .download-list li .btn{width:220px;text-align:left}
.apps-section .content-area .info{margin-top:60px;margin-bottom:60px;background:rgba(31,51,64,.8);padding:30px;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.apps-section .content-area .info .title{margin-top:15px;margin-bottom:30px;font-size:24px;font-weight:400}
.faq{background:#f5f5f5;padding-top:80px;padding-bottom:120px}
.faq .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:60px}
.faq .panel{background:#fff;-webkit-box-shadow:0 4px 1px rgba(0,0,0,.05);-moz-box-shadow:0 4px 1px rgba(0,0,0,.05);box-shadow:0 4px 1px rgba(0,0,0,.05)}
.faq .panel:hover{-webkit-box-shadow:0 4px 1px rgba(0,0,0,.1);-moz-box-shadow:0 4px 1px rgba(0,0,0,.1);box-shadow:0 4px 1px rgba(0,0,0,.1)}
.faq .panel .panel-heading{padding:15px 30px}
.faq .panel .panel-body{padding:30px;padding-top:0;color:#666}
.faq .panel .panel-title{font-weight:400;color:#666}
.faq .panel .panel-title a{text-decoration:none}
.faq .panel .panel-title .active{color:#ec6952}
.faq .panel .panel-title .panel-toggle .fa{margin-right:10px;color:#f19180}
.faq .panel .panel-title:hover .fa{color:#ec6952}
.faq .contact-lead{margin-top:60px}
.faq .contact-lead .title{font-weight:400;font-size:16px;margin-bottom:15px;color:#999}
.contact-section{padding:80px 0;padding-top:90px;position:relative;z-index:10}
.contact-section .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:30px}
.contact-section .intro{margin-bottom:60px}
.contact-section .contact-form{margin-left:15px;margin-right:15px}
.contact-section .contact-form .contact-form-inner{background:#fff;padding:30px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #eee;-webkit-box-shadow:0 4px 1px rgba(0,0,0,.05);-moz-box-shadow:0 4px 1px rgba(0,0,0,.05);box-shadow:0 4px 1px rgba(0,0,0,.05)}
.contact-section .contact-form .error{color:#ec6952;font-family:arial,sans-serif;display:block;font-size:14px;text-align:left;padding-top:5px;padding-left:5px;font-weight:300}
.contact-other-section .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:30px}
.contact-other-section .other-info li{margin-bottom:15px;padding:15px;position:relative;color:#666;text-align:left;padding-left:90px;-webkit-box-shadow:0 4px 1px rgba(0,0,0,.05);-moz-box-shadow:0 4px 1px rgba(0,0,0,.05);box-shadow:0 4px 1px rgba(0,0,0,.05);border:1px solid #eee;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.contact-other-section .other-info li a{color:#666}
.contact-other-section .other-info li a:hover{color:#ec6952}
.contact-other-section .other-info li .fa{position:absolute;left:0;top:0;background:#ec6952;color:#fff;width:60px;height:100%;font-size:20px;padding-top:15px;text-align:center;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.contact-other-section .other-info li .fa.fa-twitter{font-size:22px}
.contact-other-section .other-info li .fa.fa-phone{font-size:22px}
.contact-other-section .other-info li .fa.fa-map-marker{font-size:22px;padding-top:45px}
.map-section{padding-top:80px;padding-bottom:80px}
.map-section .title{font-size:36px;font-weight:300;margin-top:0;margin-bottom:30px}
.map-section .gmap-wrapper{border:1px solid #eee;position:relative;padding-bottom:40%;height:0;overflow:hidden}
.map-section .gmap-wrapper iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
.blog-slider{margin-bottom:60px;margin-top:80px;border:none;height:400px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.blog-slider .slide{display:block;height:400px;background-color:#253340}
.blog-slider .slide:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:10}
.blog-slider .slide.slide-1{background:#253340 url(http://www.kaoshiyun.com.cn/index/style/images/blog/post-1.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.blog-slider .slide.slide-2{background:#253340 url(http://www.kaoshiyun.com.cn/index/style/images/blog/post-2.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.blog-slider .slide.slide-3{background:#253340 url(http://www.kaoshiyun.com.cn/index/style/images/blog/post-3.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.blog-slider .slide.slide-4{background:#253340 url(http://www.kaoshiyun.com.cn/index/style/images/blog/post-4.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.blog-slider .flex-control-nav{bottom:15px;z-index:10}
.blog-slider .flex-control-nav li a{background:#5e5e5e;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}
.blog-slider .flex-control-nav li a.flex-active{background:#fff}
.blog-slider .flex-direction-nav a{text-shadow:none;color:#fff;position:absolute;width:30px;height:50px;display:block}
.blog-slider .flex-direction-nav a.flex-prev{left:5%!important}
.blog-slider .flex-direction-nav a.flex-prev:before{content:"";text-indent:-9999px;background:url(http://www.kaoshiyun.com.cn/index/style/images/flexslider/carousel-arrow-prev.png) no-repeat left top;display:block;width:30px;height:50px}
.blog-slider .flex-direction-nav a.flex-next{right:5%!important}
.blog-slider .flex-direction-nav a.flex-next:before{content:"";text-indent:-9999px;background:url(http://www.kaoshiyun.com.cn/index/style/images/flexslider/carousel-arrow-next.png) no-repeat right top;display:block;width:30px;height:50px}
.blog-slider:hover .flex-prev{left:5%!important}
.blog-slider:hover .flex-next{right:5%!important}
.blog-slider .flex-caption{padding-top:90px;position:relative;z-index:20;text-align:center;color:#fff}
.blog-slider .flex-caption a{color:#fff}
.blog-slider .flex-caption .title{font-size:42px;text-align:center;max-width:800px;margin:0 auto;margin-bottom:15px;margin-top:0}
.blog-slider .flex-caption .title a:hover{text-decoration:none}
.blog-slider .flex-caption .meta{-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;margin-bottom:30px}
.blog-slider .flex-caption a.more-link{color:#fff}
.blog-slider .flex-caption a.more-link:hover{color:#ec6952}
.blog-list .post{padding:0 15px;margin-bottom:30px}
.blog-list .post .post-inner{padding:0;position:relative;border:1px solid #eee;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 4px 1px rgba(0,0,0,.05);-moz-box-shadow:0 4px 1px rgba(0,0,0,.05);box-shadow:0 4px 1px rgba(0,0,0,.05)}
.blog-list .post .post-thumb{background:#253340;overflow:hidden;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.blog-list .post .post-thumb img{-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:0 auto;text-align:center}
.blog-list .post .post-thumb img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.blog-list .post .content{padding:30px;padding-bottom:15px;color:#666}
.blog-list .post .content .post-title{margin-top:0;font-size:18px}
.blog-list .post .content .post-title a{color:#253340}
.blog-list .post .content .post-entry{margin-bottom:15px}
.blog-list .post .content .meta{font-size:13px;color:#999;margin-bottom:0}
.blog-list .post .content .meta ul{margin-left:0;border-top:1px solid #eee;padding-top:15px}
.blog-list .post .content .meta li:first-child{padding-left:0}
.blog-list .post .content .meta li .fa{margin-right:5px}
.blog-list .post .content .meta li a{color:#999}
.blog-list .post .content .meta li a:hover{color:#ec6952}
.blog-entry-wrapper{padding-bottom:80px}
.blog-entry-wrapper .blog-entry .blog-entry-heading{margin-bottom:60px;position:relative;height:500px;background:#253340 url(http://www.kaoshiyun.com.cn/index/style/images/blog/post-2.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff}
.blog-entry-wrapper .blog-entry .blog-entry-heading:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10}
.blog-entry-wrapper .blog-entry .blog-entry-heading .container{position:relative;z-index:11;max-width:700px;padding-left:30px;padding-right:30px;padding-top:120px}
.blog-entry-wrapper .blog-entry .blog-entry-heading .title{margin-bottom:30px;font-size:42px}
.blog-entry-wrapper .blog-entry .blog-entry-heading .meta{font-size:18px;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}
.blog-entry-wrapper .blog-entry .blog-entry-heading .meta a{color:#fff}
.blog-entry-wrapper .blog-entry .blog-entry-heading .meta a:hover{color:#fff}
.blog-entry-wrapper .blog-entry .blog-entry-heading .meta .fa{margin-right:5px}
.blog-entry-wrapper .blog-entry .blog-entry-heading .post-nav-top{position:absolute;z-index:11;width:100%;bottom:0;background:rgba(0,0,0,.5);padding:15px 30px;margin-bottom:0;font-size:14px}
.blog-entry-wrapper .blog-entry .blog-entry-heading .post-nav-top a{color:#fff;-webkit-opacity:.6;-moz-opacity:.6;opacity:.6}
.blog-entry-wrapper .blog-entry .blog-entry-heading .post-nav-top a:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.blog-entry-wrapper .blog-entry .blog-entry-content{font-size:18px;line-height:1.6;color:#666}
.blog-entry-wrapper .blog-entry .blog-entry-content h1,.blog-entry-wrapper .blog-entry .blog-entry-content h2,.blog-entry-wrapper .blog-entry .blog-entry-content h3,.blog-entry-wrapper .blog-entry .blog-entry-content h4,.blog-entry-wrapper .blog-entry .blog-entry-content h5,.blog-entry-wrapper .blog-entry .blog-entry-content h6{color:#4a6781}
.blog-entry-wrapper .blog-entry .blog-entry-content h1.section-heading,.blog-entry-wrapper .blog-entry .blog-entry-content h2.section-heading,.blog-entry-wrapper .blog-entry .blog-entry-content h3.section-heading,.blog-entry-wrapper .blog-entry .blog-entry-content h4.section-heading,.blog-entry-wrapper .blog-entry .blog-entry-content h5.section-heading,.blog-entry-wrapper .blog-entry .blog-entry-content h6.section-heading{margin-top:60px;margin-bottom:30px}
.blog-entry-wrapper .blog-entry .blog-entry-content p{margin-bottom:30px}
.blog-entry-wrapper .blog-entry .blog-entry-content ol,.blog-entry-wrapper .blog-entry .blog-entry-content ul{margin-bottom:30px}
.blog-entry-wrapper .blog-entry .blog-entry-content ol li,.blog-entry-wrapper .blog-entry .blog-entry-content ul li{margin-bottom:15px}
.blog-entry-wrapper .blog-entry .blog-entry-content .figure{margin-bottom:30px}
.blog-entry-wrapper .blog-entry .blog-entry-content .figure .figure-caption{font-size:16px;color:#999;margin-top:10px}
.blog-entry-wrapper .blog-entry .blog-entry-content .figure .figure-caption a{color:#999}
.blog-entry-wrapper .blog-entry .blog-entry-content .figure .figure-caption a:hover{color:#ec6952}
.blog-entry-wrapper .blog-entry .blog-entry-content .custom-list-style{margin-bottom:30px}
.blog-entry-wrapper .blog-entry .blog-entry-content .custom-list-style li{list-style:none;margin-bottom:5px}
.blog-entry-wrapper .blog-entry .blog-entry-content .custom-list-style li .fa{margin-right:10px;color:#ec6952}
.blog-entry-wrapper .blog-entry .post-nav{margin-bottom:60px;margin-top:60px}
.blog-entry-wrapper .blog-entry .post-nav .nav-next{float:right}
.blog-entry-wrapper .blog-entry .post-nav .nav-next .fa{margin-left:5px}
.blog-entry-wrapper .blog-entry .post-nav .nav-previous .fa{margin-right:5px}
.blog-entry-wrapper .custom-quote{border:none;padding:60px 30px;font-family:'Roboto slab',serif;font-weight:300;font-style:italic;font-size:20px}
.blog-entry-wrapper .custom-quote p{color:#666;line-height:1.6}
.blog-entry-wrapper .custom-quote .fa{color:#ec6952;margin-right:10px}
.blog-entry-wrapper .custom-quote .source{font-family:Roboto,sans-serif;font-style:normal;font-weight:400;margin-bottom:0!important;font-size:16px;text-align:right}
.blog-entry-wrapper .custom-quote .source .fa{margin-right:5px}
.blog-entry-wrapper .custom-quote .source .name{color:#444}
.blog-entry-wrapper .custom-quote .source .title{font-size:16px;color:#999}
.blog-entry-wrapper .box{padding:30px;background:#f5f5f5}
.blog-page .header-blog{position:fixed;top:0;-webkit-box-shadow:0 0 4px rgba(0,0,0,.5);-moz-box-shadow:0 0 4px rgba(0,0,0,.5);box-shadow:0 0 4px rgba(0,0,0,.5);background:#fff;height:80px}
.blog-page .header-blog .main-nav .nav .nav-item a{color:#666}
.blog-page .header-blog .main-nav .nav .nav-item a:hover{color:#ec6952}
.blog-page .header-blog .main-nav .nav .dropdown-menu a{color:#fff}
.blog-page .header-blog h1.logo a{max-width:inherit;background:0 0;color:#ec6952;padding-left:0;padding-top:25px}
.blog-page .header-blog h1.logo a .sub{font-family:Roboto,arial,sans-serif;color:#253340;font-weight:300}
.blog-page .header-blog .main-nav .nav .nav-item.last{margin-right:40px}
.blog-page .header-blog .main-nav .nav .nav-item.last .fa{font-size:16px;margin-right:5px}
.blog-category{margin-top:160px}
.blog-category .page-title{margin-top:0;margin-bottom:60px;font-weight:300;font-size:36px;padding-top:80px}
.blog-category .page-title .fa{color:#384d60;margin-right:10px;font-size:30px}
.blog-category .blog-list .post .content .post-title{font-size:24px}
.blog-category .blog-list .post .content .meta ul{border-top:none;border-bottom:1px solid #eee;padding-bottom:15px;padding-top:5px}
.blog-category .blog-category-list .post{margin-bottom:60px}
.blog-archive .blog-list .post .content{padding-left:80px}
.blog-archive .post{position:relative}
.blog-archive .post .date-label{background:#f5f5f5;display:inline-block;width:50px;height:60px;text-align:center;font-size:13px;position:absolute;left:15px;top:30px;color:#fff}
.blog-archive .post .date-label .month{background:#253340;display:block;font-size:13px;text-transform:uppercase;padding:2px 0}
.blog-archive .post .date-label .date-number{clear:left;display:block;padding-top:5px;font-size:18px;font-family:'open sans',arial,sans-serif;font-weight:500;color:#253340}
.story-section{padding-top:90px;position:relative;z-index:10}
.story-section .title{font-size:36px;margin-bottom:60px;margin-top:0;color:#fff;font-weight:300}
.story-section .story-container-inner{max-width:900px;margin:0 auto;background:#fff;padding:30px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:left}
.story-section .about{padding:30px}
.story-section .belife{border-color:#f19180;padding:15px 30px;font-family:'Roboto slab',serif;font-weight:300;font-style:italic;font-size:20px;margin:60px 30px;color:#666}
.story-section .press-kit{padding-top:60px;padding-bottom:60px}
.story-section .press-kit .title{color:#444;font-size:28px}
.story-section .press-kit .btn{margin:30px 0}
.story-section .team{max-width:900px;margin:0 auto;padding:30px;text-align:center}
.story-section .team .title{color:#444;font-size:28px}
.story-section .team .member{margin-bottom:30px}
.story-section .team .member .member-inner{background:#253340;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;text-align:center}
.story-section .team .member .member-inner img{margin:0 auto}
.story-section .team .member .member-inner:hover img{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}
.story-section .team .member .member-inner:hover .social{visibility:visible}
.story-section .team .member .profile{background:#253340;color:#fff;text-align:center}
.story-section .team .member .profile .info{padding:15px 0}
.story-section .team .member .profile .name{-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;font-size:18px}
.story-section .team .member .profile .job-title{color:#fff;font-size:14px}
.story-section .team .member .social{width:100%;top:50%;position:absolute;visibility:hidden}
.story-section .team .member .social-list{display:inline-block;margin:0 auto}
.story-section .team .member .social-list a{color:#fff;background:#253340;display:inline-block;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.story-section .team .member .social-list a .fa{padding-top:10px;font-size:18px}
.story-section .team .member .social-list a:hover{background:#ec6952}
.modal.modal-video .modal-dialog{width:760px;margin-top:90px}
.modal.modal-video .modal-body{padding:0;padding-top:0}
.modal.modal-video .modal-header{border:none;padding:0;position:relative}
.modal.modal-video .modal-content{background:0 0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.modal.modal-video button.close{font-size:36px;font-weight:300;text-shadow:none;color:#fff;-webkit-opacity:1;-moz-opacity:1;opacity:1;background:0 0;position:absolute;right:0;bottom:5px;z-index:10}
.modal.modal-video button.close:hover{color:#ec6952;-webkit-opacity:1;-moz-opacity:1;opacity:1}
.modal-backdrop.in{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9}
.has-full-screen-bg .upper-wrapper{background:#253340 url(../image/bg-screen-1.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.has-full-screen-bg.signup-page .upper-wrapper{background:#253340 url(../image/bg-screen-2.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.has-full-screen-bg .header h1.logo{float:none;text-align:center}
.has-full-screen-bg .header h1.logo a{margin:0 auto}
.access-section{padding-bottom:200px;padding-top:90px;padding-left:10px;padding-right:10px}
.access-section .form-box .form-box-inner{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:40px}
.access-section .form-box .title{font-weight:300;margin-bottom:60px;margin-top:0}
.access-section.signup-section .title{margin-bottom:15px}
.access-section.signup-section .intro{margin-bottom:60px}
.access-section .form-group{position:relative}
.access-section .form-group.email:before{content:"\f007";font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:10px;top:12px;color:#999}
.access-section .form-group.password:before{content:"\f023";font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:10px;top:12px;color:#999}
.access-section .form-control{font-size:16px;padding-left:30px;font-size:14px}
.access-section .form-control::-webkit-input-placeholder{color:#999}
.access-section .form-control:-moz-placeholder{color:#999}
.access-section .form-control::-moz-placeholder{color:#999}
.access-section .form-control:-ms-input-placeholder{color:#999}
.access-section .social-btns{padding-left:60px;min-height:250px;margin-bottom:15px}
.access-section .social-btns li{margin-bottom:10px}
.access-section .social-btns li .btn{color:#fff;min-width:220px;text-align:left}
.access-section .social-btns li .btn:hover{color:#fff}
.access-section .social-btns li .btn .fa{font-size:18px;position:relative;top:2px;margin-right:10px;border-right:1px solid rgba(0,0,0,.05);padding-right:10px;width:30px}
.access-section .twitter-btn{background:#55acee}
.access-section .twitter-btn:hover{background:#2795e9}
.access-section .facebook-btn{background:#3b5998}
.access-section .facebook-btn:hover{background:#2d4373}
.access-section .google-btn{background:#dd4b39}
.access-section .google-btn:hover{background:#c23321}
.access-section .github-btn{background:#444}
.access-section .github-btn:hover{background:#2b2b2b}
.access-section .forgot-password{font-size:13px;margin-top:10px}
.access-section .forgot-password a{color:#999}
.access-section .forgot-password a:hover{text-decoration:underline;color:#ec6952}
.access-section .divider{border-left:none;margin-bottom:30px;position:static}
.access-section .divider span{background:#fff;display:inline-block;padding:0 10px;position:relative;top:inherit;text-transform:uppercase;color:#999}
.access-section .divider:before{content:"";position:absolute;left:0;top:12px;background:#e5e5e5;height:1px;width:100%}
.access-section .social-btns{padding-left:0;text-align:center}
.access-section .social-btns .btn{min-width:100%}
.access-section .social-btns .social-login{display:inline-block;margin:0 auto}
.access-section .note{color:#999;font-size:13px;margin-bottom:15px;margin-top:15px}
.access-section .btn+.note{margin:15px 0}
.access-section .remember label{font-size:14px;color:#666}
.access-section .lead{font-size:14px;color:#999;margin-top:30px}
.resetpass-section .form-box .title{margin-bottom:30px}
.resetpass-section .intro{font-size:16px;margin-bottom:30px}
.footer{background:#253340;color:#fff;padding-top:40px;font-size:14px;position:relative;z-index:20}
.footer p{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}
.footer .btn-cta,.footer a.btn-cta{padding:9px 10px}
.footer .footer-col.links .fa{margin-right:5px}
.footer .footer-col.links li{margin-bottom:10px}
.footer .footer-col.connect .social{margin-bottom:15px;overflow:hidden}
.footer .footer-col.connect .social li{margin-right:10px}
.footer .footer-col.connect .social li a .fa{color:#b3b3b3;font-size:22px}
.footer .footer-col.connect .social li a:hover .fa{color:#ec6952}
.footer .footer-col.connect .btn-cta-primary{background:#5d80a1;border-color:#5d80a1}
.footer .footer-col.connect .btn-cta-primary:hover{background:#4a6781;border-color:#4a6781}
.footer .footer-col .title{color:#fff;font-weight:400;font-size:18px;margin-top:0;margin-bottom:20px;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9}
.footer .footer-col p{color:#fff}
.footer .footer-col a{color:#6d8dab}
.footer .footer-col a:hover{color:#8da6bd}
.footer .footer-col .navbar-form{padding-left:0;padding-right:0}
.footer .footer-col .navbar-form .form-control{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9}
.footer .footer-col .navbar-form .form-control:focus{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.footer .has-divider{border-top:1px solid #2b3b4a;padding-top:30px;padding-bottom:30px}
.footer .download .download-list li{margin-bottom:15px}
.footer .download .download-list li .btn-ghost{text-align:left;-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;width:230px}
.footer .download .download-list li .btn-ghost:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.footer .contact p{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}
.footer .contact p a{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.footer .contact .fa{margin-right:10px;font-size:20px}
.footer .contact .email .fa{font-size:16px}
.footer .bottom-bar{background:#1e1e1e;color:#b3b3b3;font-size:14px;padding:10px 0}
.footer .bottom-bar .copyright{line-height:1.6}
.pagination{margin-bottom:60px;font-size:14px;font-family:arial,sans-serif;margin-left:auto;margin-right:auto}
.pagination li a{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:none;margin-right:5px;color:#ec6952}
.pagination li a:hover{color:#da3518}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#ec6952;border:none}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#fbe1dc;border:none}
.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:0 0}
.searchbox-icon,.searchbox-submit{width:38px;height:38px;display:block;position:absolute;top:0;font-size:16px;right:0;padding:0;margin:0;border:0;outline:0;line-height:2.4;text-align:center;cursor:pointer;color:#ef7d69;background:#fff}
.searchbox-icon:hover{color:#e9553b}
.searchbox-submit{font-size:14px;font-family:arial,sans-serif}
.searchbox-container{width:100%}
.searchbox-container .searchbox{position:relative;display:inline-block;height:38px;width:100%;float:right;top:-50px;right:0;min-width:38px;width:0;overflow:hidden;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s}
.searchbox-container .searchbox.searchbox-open{width:100%}
.searchbox-container .searchbox.searchbox-open .searchbox-icon,.searchbox-container .searchbox.searchbox-open .searchbox-submit{background:#ec6952;color:#fff;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.searchbox-container .searchbox .searchbox-input{position:absolute;top:0;right:0;border:none;outline:0;background:#f5f5f5;border:1px solid #eee;width:100%;height:38px;margin:0;padding-left:20px;font-size:13px}
.searchbox-container .searchbox .searchbox-input::-webkit-input-placeholder{color:#a6a6a6}
.searchbox-container .searchbox .searchbox-input:-moz-placeholder{color:#a6a6a6}
.searchbox-container .searchbox .searchbox-input::-moz-placeholder{color:#a6a6a6}
.searchbox-container .searchbox .searchbox-input:-ms-input-placeholder{color:#a6a6a6}
.ie8 .pricing .item .ribbon,.ie9 .pricing .item .ribbon{top:0;right:0;height:60px}
.ie8 .pricing .item .ribbon .text,.ie9 .pricing .item .ribbon .text{position:static;font-size:13px;width:auto;padding:5px}
.ie8 .pricing .item .ribbon .text:after,.ie8 .pricing .item .ribbon .text:before,.ie9 .pricing .item .ribbon .text:after,.ie9 .pricing .item .ribbon .text:before{display:none}
.config-wrapper{position:absolute;top:100px;right:0;z-index:100}
.config-wrapper-inner{position:relative}
.config-trigger{display:block;position:absolute;left:-36px;width:36px;height:36px;background:#f5f5f5;color:#fff;text-align:center;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.config-trigger:hover{text-decoration:none}
.config-trigger:hover .fa{color:#253340}
.config-trigger .fa{font-size:22px;padding-top:8px;display:block;color:#2b2b2b}
.config-panel{width:170px;display:none;background:#f5f5f5;padding:15px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.config-panel h5{margin-bottom:15px}
.config-panel #color-options{margin-bottom:10px}
.config-panel #color-options li{padding-right:0}
.config-panel #color-options li a{display:block;width:20px;height:20px;border:2px solid transparent}
.config-panel #color-options li a:hover{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;border:2px solid rgba(0,0,0,.8)}
.config-panel #color-options li.active a{border:2px solid #000}
.config-panel #color-options li.theme-1 a{background:#ec6952}
.config-panel #color-options li.theme-2 a{background-color:#28A5A8}
.config-panel #color-options li.theme-3 a{background-color:#497CB1}
.config-panel #color-options li.theme-4 a{background-color:#F89D29}
.config-panel #color-options li.theme-5 a{background-color:#34495e}
.config-panel #color-options li.theme-6 a{background-color:#47c9af}
.config-panel #color-options li.theme-7 a{background-color:#A06081}
.config-panel #color-options li.theme-8 a{background-color:#96a94b}
.config-panel #color-options li.theme-9 a{background-color:#f06060}
.config-panel #color-options li.theme-10 a{background-color:#737F97}
.config-panel .close{position:absolute;right:5px;top:5px;color:#fff}
.config-panel .close .fa{color:#253340}
@media (max-width:767px){.config-wrapper{display:none}
.steps .container{text-shadow:none}
#topcontrol{display:none!important}
.header h1.logo{float:none;margin:inherit;text-align:center}
.header h1.logo a{margin:0 auto}
.header.header-fixed{position:relative}
.header.navbar-fixed-top{position:relative}
.navbar-collapse{border-top:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:100%;left:0;top:90px;position:absolute;background:#253340;z-index:45}
.navbar-collapse .nav{margin:0}
.header .main-nav .nav .dropdown-menu:before{display:none}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:inherit}
.has-full-screen-bg.access-page .upper-wrapper{background:#384d60}
.access-section{padding-top:15px}
.bg-slider-wrapper+.section,.headline-bg+.section{padding-top:45px}
.pricing .intro{margin-bottom:45px}
.features-video iframe{padding:5px}
.features-tabbed{padding-top:160px}
.access-section{padding-left:0;padding-right:0;padding-bottom:60px}
.signup-page .form-box .intro{margin-bottom:45px}
.login-page .form-box .title{margin-bottom:45px}
.section .title{font-size:32px}
.section .intro{font-size:16px}
.promo{height:420px}
.why .item .content{margin-bottom:60px;}
.why .control{top:58px;margin-left:-30px}
.why .item .title{margin-bottom:30px;text-align:center}
.testimonials .item .profile{position:static;margin:0 auto;text-align:center;margin-bottom:30px}
.testimonials .item .content{padding-left:60px}
.testimonials .item blockquote{font-size:18px}
.pricing .item.best-buy{position:static;z-index:inherit}
.nav-tabs>li>a{padding:10px 5px}
.apps-section .phone-holder{-webkit-background-size:280px auto;-moz-background-size:280px auto;-o-background-size:280px auto;background-size:280px auto}
.apps-section .phone-holder .screenshot{width:242px;top:66px}
.searchbox-container .searchbox{width:100%;top:inherit;float:none;margin-bottom:30px}
.searchbox-icon{display:none}
.searchbox-icon,.searchbox-submit{background:#ec6952;color:#fff;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.searchbox-icon:hover,.searchbox-submit:hover{color:#fff}
.main-nav .navbar-collapse .navbar-nav{padding-top:15px;padding-bottom:15px}
.blog-page .header-blog{position:relative}
.blog-page .header-blog .main-nav .nav .nav-item a{color:#fff}
.blog-page .header h1.logo{float:left;margin:inherit}
.blog-page .header .main-nav .navbar-toggle{margin-bottom:0;top:20px}
.blog-page .header .main-nav .navbar-toggle .icon-bar{background-color:#384d60}
.blog-page .header .main-nav .navbar-toggle:hover .icon-bar{background-color:#253340}
.blog-page .flexslider{margin-top:0}
.blog-category{margin-top:0}
.blog-page .navbar-collapse{top:80px}
.blog-page .header.navbar-fixed-top .main-nav .nav .nav-item a{color:#fff}
.blog-slider .flex-caption .title{font-size:36px}
.searchbox-container .searchbox .searchbox-input{position:static}
.footer-col{margin-bottom:30px}
.footer-col .form-control{width:auto}
.footer .footer-col .navbar-form{padding-left:15px;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.footer .footer-col .navbar-form .form-control{display:inline-block}
.modal.modal-video .modal-dialog{width:auto;padding-left:15px;padding-right:15px}
.download-page .headline-bg{height:1600px}
.story-section .about{padding:0}
.story-section .belife{margin-left:0;margin-right:0}
.story-section .team{padding:0}
.btn-cta-secondary, a.btn-cta-secondary{margin-left:28%}
}
@media (min-width:768px){.config-wrapper{display:none}
.header{height:inherit}
.header.scrolled{height:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.header.scrolled .main-nav .nav .nav-item a{color:#fff;-webkit-opacity:1;-moz-opacity:1;opacity:1}
.header.scrolled .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary{background:inherit;border-color:inherit}
.header.scrolled .main-nav .nav .dropdown-menu a{color:#fff}
.header.navbar-fixed-top{position:relative}
.blog-slider{margin-top:0}
.blog{margin-top:0}
.header h1.logo{float:none;text-align:center}
.header h1.logo a{margin:0 auto}
.header .main-nav .nav .nav-item{margin-right:10px}
.main-nav.navbar-right{float:none!important}
.blog-page .main-nav.navbar-right{float:right!important}
.navbar-collapse.collapse{text-align:center}
.navbar-collapse.collapse .navbar-nav{float:none;margin:0 auto;display:inline-block}
.blog-page .header-blog{position:relative}
.blog-page .header h1.logo{float:left;margin:inherit}
.promo{height:420px;padding-top:80px}
.promo.section .intro{margin-bottom:30px}
.promo .btn-link{margin-top:15px}
.why .item .content{margin-bottom:60px;padding-top:90px;}
.why .control{top:128px;margin-left:-45px}
.why .item .title{margin-bottom:30px;text-align:center}
.steps .container{text-shadow:none;border-top-left-radius:60%;border-top-right-radius:60%;padding-top:30px}
.apps-section .phone-holder{-webkit-background-size:280px auto;-moz-background-size:280px auto;-o-background-size:280px auto;background-size:280px auto}
.apps-section .phone-holder .screenshot{width:242px;top:66px}
.footer-col{margin-bottom:30px}
.modal.modal-video .modal-dialog{width:auto;padding-left:15px;padding-right:15px}
.access-page .navbar-collapse.collapse .navbar-nav{display:none}
.features-video{padding-top:90px}
.pricing{padding-top:90px}
.apps-section{padding-top:80px}
.story-section{padding-top:90px}
.contact-section{padding-top:45px}
}
@media (min-width:992px){.config-wrapper{display:block}
.header{height:80px}
.header.navbar-fixed-top{position:fixed}
.header.scrolled{background:#fff;z-index:1000;height:80px;top:0;-webkit-box-shadow:0 0 4px rgba(0,0,0,.5);-moz-box-shadow:0 0 4px rgba(0,0,0,.5);box-shadow:0 0 4px rgba(0,0,0,.5)}
.header.scrolled h1.logo a{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#ec6952;background:#fff;padding-left:0;padding-top:25px}
.header.scrolled .main-nav .nav .nav-item a{color:#666;-webkit-opacity:1;-moz-opacity:1;opacity:1}
.header.scrolled .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary{background:#ec6952;border-color:#ec6952}
.header.scrolled .main-nav .nav .dropdown-menu a{color:#fff}
.main-nav{float:right!important}
.navbar-form .form-control{width:280px}
.header h1.logo{float:left;margin:inherit}
.header .main-nav .nav .nav-item{margin-right:15px}
.main-nav.navbar-right{float:right!important}
.promo{height:620px;padding-top:160px}
.promo.section .intro{margin-bottom:45px}
.promo .btn-link{margin-top:15px}
.why .item .content{margin-bottom:inherit}
.why .control{top:128px;margin-left:-28px}
.modal.modal-video .modal-dialog{width:760px;padding-left:0;padding-right:0}
.access-page .navbar-collapse.collapse .navbar-nav{display:none}
.access-section .divider{text-align:center;margin-bottom:30px;color:#999;text-transform:uppercase;position:absolute;left:0;top:0;height:100%}
.access-section .divider span{background:#fff;display:inline-block;padding:10px 0;position:relative;top:80px;margin-left:-10px}
.access-section .divider:before{content:"";position:absolute;left:0;top:0;background:#e5e5e5;height:100%;width:1px}
.access-section .social-btns{padding-left:65px}
.access-section .social-btns .note{text-align:left}
.blog-slider{margin-top:80px}
.why .item .title{margin-bottom:15px;text-align:left}
.why .figure{text-align:left}
.blog-page .header-blog{position:fixed}
.blog-page .blog-archive,.blog-page .blog-category{margin-top:80px}
.blog-entry-wrapper{margin-top:80px}
.download-area{overflow:hidden}
.download-area .download-list{float:left}
.download-area .qrcode-holder{float:left;margin-left:45px;text-align:center}
.download-area .qrcode-holder .qrcode{max-width:140px;margin:0 auto}
.download-area .qrcode-holder .qrcode .caption{font-size:12px;background:#fff;padding:0 15px;padding-bottom:15px;color:#253340;font-family:arial,sans-serif}
.navbar-fixed-top .navbar-collapse{padding-left:15px;padding-right:15px}
.features-video{padding-top:170px}
.pricing{padding-top:170px}
.apps-section{padding-top:160px}
.story-section{padding-top:170px}
.contact-section{padding-top:125px}
.steps .top250px{box-shadow:0 8px 16px rgba(7,17,27,.1);}
}


body{background-color:#f1f5f8;font-family:"Microsoft YaHei","hiragino sans gb","Helvetica Neue","Helvetica","Arial","yahei","simsun","sans-serif"!important}
ul{overflow:hidden;margin:0;padding:0}
input{display:inline-block;padding:4px 6px;border:1px solid #ccc;border-radius:4px;background-color:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);color:#555;vertical-align:middle;transition:border linear .2s,box-shadow linear .2s}
header h1{margin:0;padding:0;font-size:20px}
html,body{width:100%;}
body{background:#fff;color:#5e5e5e;font:14px/2em Microsoft YaHei,SimSun,Arial;}
a{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
a:focus {outline:none;-moz-outline:none;}  
a:hover{text-decoration:none;}
.icon{display:inline-block;vertical-align:middle}
.container{width:1280px}
.hidden{display:none}
.center{text-align:center}
.tooltip{z-index:1330!important}
#index_kaoshiyun .apps-b{width:100%;text-align:center;margin:80px auto}
.index_case_list .apps-b,.index_char_list .apps-b{padding-right:450px}
#index_kaoshiyun.index_char_list .apps-b{margin-top:200px}
#index_kaoshiyun #index_bg *{color:#fff}
#index_kaoshiyun .more_btn,#index_kaoshiyun .download_btn,#index_kaoshiyun .regist_btn,#index_kaoshiyun .deplay_btn,#index_kaoshiyun .teach_btn,#index_kaoshiyun .try_btn{width:174px;height:46px;padding:4px;font-size:22px;margin-left:10px}
#index_kaoshiyun .deplay_btn,#index_kaoshiyun .teach_btn,#index_kaoshiyun .try_btn{width:164px;font-size:18px;line-height:36px}
#index_kaoshiyun .apps-b .app h2{font-size:48px;margin:20px}
#index_kaoshiyun .apps-b .app .memo{font-size:18px;margin:5px;text-align:left;font-size: 18px!important;color:#fff;}
#index_kaoshiyun .download,#index_kaoshiyun .app{width:800px;margin:30px auto 0 0}
#index_kaoshiyun .app-bg .download a.download_btn img{float:left;margin:9px 0 0 18px}
#index_kaoshiyun .pl_download .btn{width:155px;height:44px;margin:0 10px;font-size:18px;padding-top:5px;text-align:center;line-height:24px}
#index_kaoshiyun .apps-s li span{line-height:17px;display:inline-block;height:30px;margin-top:9px;font-size:18px}
#index_kaoshiyun .pl_download{text-align:center;width:700px;margin:20px auto}
#index_kaoshiyun .pl_img{margin:0 auto;display:inline-block;width:550px;height:350px}
#index_kaoshiyun .dl_img{text-align:center}
#index_kaoshiyun .intro .pos-bg{height:350px;width:450px;display:inline-block;margin:0 25px}
#index_kaoshiyun #index_intro dl{padding-top:60px}
#index_kaoshiyun .intro dl{width:510px}
#index_kaoshiyun .intro dt{margin:8px 0;font-weight:normal;font-size:30px;}
#index_kaoshiyun .intro dd{font-size:16px;line-height:32px}
#index_kaoshiyun #index_dl dl{width:900px;margin:0 auto;text-align:center}
#index_kaoshiyun .section2{margin:0 auto 80px auto}
#index_kaoshiyun .gokuai_nav li{width:310px;height:220px;margin:10px;vertical-align:middle}
#index_kaoshiyun .gokuai_nav li div{display:inline-block;text-align:center;width:100%}
#index_kaoshiyun .gokuai_nav li div.gokuai_nav_title{background:#d7e4ee;height:150px}
#index_kaoshiyun .gokuai_nav li div.gokuai_nav_link{background:#fff;height:70px;padding:15px}
#index_kaoshiyun .gokuai_nav li .btn{width:94px;height:34px;line-height:26px;font-size:16px;margin:2px}
#index_kaoshiyun .gokuai_nav li h2{color:#50acf3;font-size:24px;margin:45px 0 10px 0}
#index_kaoshiyun .gokuai_nav li h4{font-size:14px;font-weight:bold}
#index_kaoshiyun .cooperator .cooperator_list .cooperator_list_logo{display:inline-block;height:40px;width:140px;background:#acb8ce;margin:13px}
#index_kaoshiyun .cooperator .cooperator_list{margin-bottom:-30px}
#index_kaoshiyun .cooperator h2{font-size:24px;text-align:center;margin:40px 0 20px 0}
#index_kaoshiyun .cooperator{margin-top:40px}
.kaoshiyun section{margin-top:10px;}
.kaoshiyun{background:#fff}
.kaoshiyun .deplay_list li{margin:0 8px}
.kaoshiyun #regist{cursor:pointer}
.kaoshiyun #index_intro .index_intro_b{width:1150px;margin:auto;padding:30px 0}
.kaoshiyun #index_intro .index_intro_b div{padding:0 50px}
.kaoshiyun #index_intro{background-color:#fff;padding:30px 0}
.kaoshiyun .footer_login{width:640px;margin:70px auto;text-align:center}
.kaoshiyun .footer_login h2{margin:30px auto;color:#50acf3;font-size:37px}
.kaoshiyun .footer_login .download{width:420px!important;margin:20px auto!important}
.kaoshiyun .footer_login .download input{background-color:transparent;height:44px}
.kaoshiyun .footer_login .download span{color:#fff!important;padding-left:0;width:110px;height:44px;font-size:20px;background-color:#50acf3;cursor:pointer}
.kaoshiyun .download .input-group{border:1px solid #c4c4c4;width:420px;margin:0 auto}

.container{width:100%}
.container h3{font-size:28px}
#index_bg.case_base_css h2{text-align:center;z-index:1020}
#index_bg.case_base_css h3{text-align:left;z-index:1020}
#index_bg.case_base_css{height:450px;position:relative}
ul.case_nav li{width:25%;height:75px;text-align:center}
ul.case_nav li a{height:100%;font-size:26px;color:#000;line-height:55px;margin:0 auto;display:inline-block}
ul.case_nav li a.choose{border-bottom:5px solid #42a5ef}
ul.case_nav{position:relative;width:60%;left:20%}
div.case_nav{top:-370px;width:100%;z-index:1020;background:#f5f6f7;-moz-box-shadow:0 3px 5px rgba(0,0,0,0.25);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.25);box-shadow:0 3px 5px rgba(0,0,0,0.25);}
div.case_nav.affix-top{position:absolute;top:0}
.hover_white{color:#fff}
.hover_white:hover{color:#fff}
.btn-download{min-width:190px;height:44px;margin:20px auto;font-size:18px;line-height:40px;background:#55adf0!important}
.btn-download:hover{background:#55adf0!important}
.center{text-align:center!important}
.file_icon{vertical-align:middle;position:relative;top:-2px;margin:0}
.btn-white-blue{width:175px;height:48px;font-size:22px;line-height:43px;color:#58a9d5!important;background-color:#fff;margin:20px 470px 20px 20px}
.btn-white{color:#426781!important;background-color:#fff;width:260px;height:57px;font-size:26px;line-height:53px}
.buttom_list{position:absolute;bottom:60px;width:100%;text-align:center}
.char_detail_logo{display:inline-block;width:320px;height:160px;margin:10px;background-repeat:no-repeat;background-size:100%;background-position:50% 50%}
.modal-open{overflow:auto}
.logo_walls{padding:20px 0}
.logo_walls .logo_wall{width:810px;margin:0 auto;text-align:left}

#feedback{width:30px;position:fixed;top:380px;right:0;z-index:1189;background-color:#3f4753;border-radius:4px 0 0 4px}
#feedback img{margin:6px 4px 6px 8px;cursor:pointer}

#index_intro .intro-2{z-index:600;position:relative}

#index_kaoshiyun .index_bg.index_bg1{background:#253340 url(../image/bg01.jpg);padding-top:11%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#index_kaoshiyun .index_bg .app,#index_kaoshiyun .index_bg .download{margin:40px auto}
#index_kaoshiyun .index_bg.index_bg1 input{height:48px}
#index_kaoshiyun .index_bg .btn_banner{color:#fff;font-size:24px;width:225px;height:52px;line-height:47px}
#index_kaoshiyun .index_bg.index_bg1 #regist{width:110px;background-color:#3f4753;color:#fff;text-align:center;font-size:20px;padding:0;-moz-box-shadow:0 3px 5px rgba(0,0,0,0.25) inset;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.25) inset;box-shadow:0 3px 5px rgba(0,0,0,0.25) inset}

#index_kaoshiyun .apps-b .app{text-shadow:0 1px 3px rgba(0,0,0,0.3)}

.btn_liteblue{background-color:#55adf0!important}
.btn_liteblue:hover{background-color:#55adf0!important}
.index_version_1 .memo{color:#bdc4cd!important;font-size:16px!important;margin-top:40px!important;line-height:34px}
.index_version_1 .app{width:1200px!important}
#logo_wall{width:1030px;margin:0 auto}
#logo_wall .logo_wall_window{width:730px;margin:0 auto;overflow:hidden;height:110px;text-align:center}
#logo_wall .logo_wall_list h5{height:110px;line-height:27px;width:190px;text-align:left;padding:15px 0}
#logo_wall .logo_wall_window li{margin:0 9px;width:160px;height:70px}
#logo_wall .logo_wall_btn{width:50px;height:100%}
#logo_wall .logo_wall_btn span{margin-top:30px;cursor:pointer;margin-left:50%}
#signup-btn,#signup-btn,#btnRegister,#btnRegister1,#signup-btn:visited,#signup-btn:hover,#btnRegister1:visited,#btnRegister1:hover,#btnRegister:visited,#btnRegister:hover{text-decoration:none}
#btnRegister1{margin-right:6px;}
#btnRegister4{background:transparent;border:1px solid #fff;color:#fff;font-size:20px;padding:6px 50px;font-weight:normal}
#btnRegister4:hover{border:1px solid #55adf0;color:#55adf0}

.officialAccount_wrapper{position:absolute;top:15px;width:80px;height:30px;right:262px;}
.weibo_wrapper{position:absolute;top:20px;width:80px;height:30px;right:262px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.weibo_wrapper wb:follow-button{display:none;}
.weibo_wrapper iframe{opacity:0;}
.weibo_wrapper span{display:none;}
#weibo_account{position:absolute;padding-left:28px;width:28px;top:0;font-size:14px;background:url(http://www.kaoshiyun.com.cn/index/style/images/weibo_icon.png)
 0px 4px no-repeat;}
.wiki_wrapper{position:absolute;top:15px;right:200px;}
.button_wiki{padding:5px 25px;padding-left:38px;font-size:16px;display:inline-block;height:20px;line-height:20px;color:#fff;cursor:pointer}
.button_wiki p{color:#fff;}
.button_wiki:visited,.button_wiki:hover,.button_wiki:focus{text-decoration:none;color:#fff}


.btn_primaryBlue,.btn_primaryGray,.btn_primaryGreen{display:inline-block;padding:5px 25px;line-height:20px;border-radius:3px;color:#fff;background:#2976A4;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.btn_primaryGreen{background-color:#3D9937;}
.btn_primaryGray{margin-left:10px;background:#333333;}
.btn_primaryBlue:visited,.btn_primaryGray:visited,.btn_primaryGreen:visited{color:#fff;}
.btn_primaryBlue:hover{background:#3C8CBD;color:#fff}
.btn_primaryGreen:hover{background-color:#4EA848;color:#fff}
#btnRegister1{color:#fff;padding:5px 10px}
#carousel-example-generic {width: 100%;}
#ourwords{font-family:'Microsoft JhengHei UI';font-size:38px;color:#fff}
.app .description{font-size:16px;color:#FFF}
.num{color:yellow;font-style:italic;color:yellow;font-size:20px;margin-right:4px;}
#btnRegister{height:45px;line-height:30px}
.bgpanel{background: #f5f6f7;}
.bgpaneltitle{color:#000;font-size: 30px}
.bgpanel .content{font-size: 14px;color:#666666}
.customer-title{text-align:center;font-size:23px;margin-bottom:10px;}
.cusep{border-top: #f5f6f7;padding:10px 30px;}
.cusep .title{text-align:center;font-size:23px;margin-bottom:10px;}
.cusep .container{ width: 1240px; margin:0 auto}
.cusep .container .control{position: relative; left: 0px; width: 1120px; }
.cusep .container .control .list{position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10;}
.cusep .container .control .item{width:20%;float:left;min-width:150px;min-height:100px;text-align:center}
.cusep .container .control .item .img{display:inline-block;max-width:120px;max-height:50px;}

.aboutus-banner{background:#101F46;background-size:100%; width: 100%; height: 300px;}
.aboutus-banner .banner-content{padding-top:85px;text-align:center;color:#ffffff}
.aboutus-banner .banner-content .h1{font-size:35px;}
.aboutus-banner .banner-content .desc{font-size:18px;}

.aboutus-container{width:100%;margin-top:50px;}
.aboutus-panel1{margin:0 auto;width:1200px;}
.aboutus-container h2{text-align:center;font-size:28px;margin:0 auto;margin-bottom:50px;}
.aboutus-row{margin-left:-12px;margin-right:-12px;text-align:center}
.numbers-box{width:200px;height:200px;border-radius:50%;margin:auto;border:1px solid rgba(120,130,140,.25);color:#3b4b65;;box-shadow:0 3px 8px rgba(7,17,27,.1)}
.numbers-box i{margin-top:45px;vertical-align:middle;text-align:center;font-size:58px;}
.aboutus-box{width:200px;height:200px;line-height:200px;border-radius:50%;margin:auto;border:1px solid rgba(120,130,140,.25);color:#3b4b65;;box-shadow:0 3px 8px rgba(7,17,27,.1)}
.aboutus-box i{margin-top:45px;vertical-align:middle;text-align:center;font-size:58px;}
.aboutus-box .timer{font-size:58px;margin-top:60px;vertical-align:middle}
.p-x-lg{padding-left:3rem!important;padding-right:3rem!important;padding-top:1.5rem!important}
.clear{display:block;overflow:hidden}.w-p20{float:left;width:19%;box-shadow:0 2px 6px rgba(7,17,27,.1);margin:3px 4px;;padding-top:20px}.contact-icon{width:50px;height:50px;margin:auto;text-align:center}.contact-icon i{font-size:42px;}
.w-p21{float:left;width:19%;margin:3px 4px;;padding-top:20px}
.cd_a{color:#999;text-align:center;padding-top:25px;}.cd_b{text-align:center;padding-top:25px;}
.contactus_map{margin:0 auto;width:100%;margin-top:100px;overflow:hidden}
.aboutus_line1{margin:0 auto;margin-top:40px;border-bottom:1px solid rgba(120,130,140,.25);width:200px;margin-bottom:80px;}
.aboutus_line2{margin:0 auto;margin-top:40px;width:100px;margin-bottom:40px;}
.aboutus_content{margin-top:20px;text-indent:2em}
.container1{font-size:13px;}

.features-banner{background:url(../image/bg01.jpg);background-size:100%; width: 100%; height: 320px;}
.features-banner .banner-content{padding-top:85px;text-align:center;color:#ffffff}
.features-banner .banner-content .h2{font-size:30px;}
.features-banner .banner-content .desc{font-size:18px;}

.features-container{width:100%;margin-top:50px;}
.features-container i{color:#3b4b65}
.features-panel1{margin:0 auto;width:1200px;}
.features-panel1 h2{text-align:center;font-size:18px;margin:0 auto;text-align:center;}
.features-panel1 h3{font-size:20px;margin-top:20px;font-weight:normal;display:block;text-align:center;}
.features-panel1 strong{font-size:18px;margin-top:20px;font-weight:normal;display:block;text-align:center;}
.aboutus-panel1{margin:0 auto;width:1200px;}
.aboutus-panel1 h2{text-align:center;font-size:28px;margin:0 auto;text-align:center;}
.aboutus-panel1 h3{font-size:20px;margin-top:20px;font-weight:normal;display:block;text-align:center;}
.aboutus-panel1 strong{font-size:18px;margin-top:20px;font-weight:normal;display:block;text-align:center;}
.features-row{margin-left:-12px;margin-right:-12px;text-align:center}
.features-row{margin-left:-12px;margin-right:-12px;text-align:center}
.features_line1{margin:0 auto;margin-top:40px;border-bottom:1px solid rgba(120,130,140,.25);width:200px;margin-bottom:80px;}
.features_line2{margin:0 auto;margin-top:40px;width:100px;margin-bottom:40px;}
.features_content{margin-top:20px;text-indent:2em}
.retangle-box{width:200px;height:200px;margin:auto;border:1px solid rgba(120,130,140,.25);border-radius:10%;color:#3b4b65;box-shadow:0 3px 8px rgba(7,17,27,.1)}
.retangle-box i{margin-top:45px;vertical-align:middle;text-align:center;font-size:58px;}
.features_middle{line-height:200px;font-size:25px;color:#3b4b65}
.features-container .col-md-1{width:12.4%}
.features-container .p-x-lg{font-size:13px;}
.features-container a,.features-container strong{color:#428bca;text-decoration:none}
.features_title2{font-size:13px;padding-top:25px;line-height:18px;text-align:center;padding:25px 15px 25px 15px;}
.features-icon{color:#3b4b65;width:50px;height:50px;margin:auto;text-align:center}.features-icon i{font-size:42px;}

.index-panel1{margin:5px auto;width:90%;margin-top: -75px;background: #fff;border-radius: 20px;border-top-left-radius:25%;border-top-right-radius:25%;padding-top:20px;}
.index_title_1{text-align:center;font-size:24px;margin:8px auto;}
.index_line1{margin:0 auto;margin-top:40px;border-bottom:1px solid rgba(120,130,140,.25);width:300px;}
.index_panel_desc{text-align:center;color:gray;font-size:13px;}
.index-box1{vertical-align:middle;text-align:center;}
.index-box1 i{font-size:58px;}
.index_item{padding-top:70px;padding-bottom:70px;}.index_item i{color:#3b4b65}
.index_item a{padding-top:50px;padding-bottom:50px;}       
.index-panel1 .index_item a:hover{background:#daedfc;border-radius:5px;}                     
.index-panel1 h2{font-size:18px;margin-top:20px;color:#3b4b65;font-weight:normal;display:block}        
                             
.retangle1-box{width:200px;height:200px;margin:auto;border:1px solid rgba(120,130,140,.25);border-radius:30%;color:#3b4b65;box-shadow:0 3px 8px rgba(7,17,27,.1)}
.retangle1-box i{margin-top:45px;vertical-align:middle;text-align:center;font-size:58px;}

.numbers-box1{width:200px;height:200px;margin:auto;border:1px solid rgba(120,130,140,.25);border-radius:10%;color:#3b4b65;box-shadow:0 3px 8px rgba(7,17,27,.1)}
.numbers-box1 i{margin-top:45px;vertical-align:middle;text-align:center;font-size:58px;}
.features_stitle{margin:20px auto;text-align:center;width:600px;}

.btn-register-color{background:#3C8CBD;border:#3C8CBD}
.btn-register-text-color{color:#fff;font-size:20px;}
.features-banner-extend1{height:250px;background:#f5f6f7}


.user-drop-down{position:fixed;top:45px;width:130px;margin-left:39px;background:#073268;padding:4px;z-index:511111111111111111555555000;display:none;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.18);font-size:13px;color:#fff}
.user-drop-down a:hover{border-left:4px solid #3b4b65;color:#7eaeea}
.user-drop-down a{display:block;padding-left:8px;line-height:30px;_zoom:1;text-decoration:none;color:#fff}
.user-drop-down .drop-down-setting{border-bottom:#ececec 1px solid;padding-bottom:4px;margin-bottom:4px;}
.user-drop-down span{ margin-left:10px;}

.bottom_registerbutton{margin:10px auto;line-height:50px;}
#goTop{position:fixed;width:40px;right:8px;bottom:38%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop || document.body.scrollTop) +eval(document.documentElement.clientHeight || document.body.clientHeight) -305+'px');z-index:899;}
#goTop div{height:42px;margin-top:0px;position:relative;width:42px;}
#goTop div a,#goTop div a:link{display:inline-block;height:45px;width:100%;color:#fff;background:#0c3b76;border:1px solid #E8E8E8;font-size:12px;font-weight:500;text-align:center;text-decoration:none;line-height:45px;}
#goTop div a:hover{background:#50acf3}

.agreement-container{margin:60px auto;width:930px;background:#fff;padding:50px;border-radius:4px;border:#dce2e4 1px solid;box-sizing:border-box;}
.agreement-container .toptitle{text-align:center;font-size:28px;margin:30px 0px 10px;}
.agreement-container .subtitle{text-align:center;font-size:12px;margin-bottom:50px;}
.agreement-container .content{}
.agreement-container .content .title{margin-top:40px;font-size:18px;line-height:34px;}        
.agreement-container .content p{font-size:14px;line-height:24px;margin:0;}     
.agreement-container .content .li_list{font-size:13px;line-height:24px;margin-left:20px;}
.intro-text{font-size:13px;text-decoration:underline}
.expOrter_logo{position:fixed;top:0;left:0;width:100%;height:61px;z-index:9999;}
.row .row_head{text-align: center;padding:30px 30px;padding-top:65px;}
.row .row_line{border-bottom: 1px solid #eee; width: 200px; margin: 0 auto; margin-top: 10px;}
.row .row_title2{font-size:14px;}

.header{position:fixed;top:0;left:0;width:100%;z-index:9999;}
.logo_wrapper{position:absolute;top:0;width:1240px;height:61px;z-index:20;}
.logo_content{position:relative;width:1240px;height:100%;margin:0 auto;z-index:20;}
.index_logo{position:absolute;top:12px;left:20px;width:212px;height:36px;font-size: 18px; color: #fff}
.index_logo img{width:115px;height:32px;}
.index_logo h1{margin:0;line-height:0px;}
.header_margin{margin-left:40px;}
.nav_header p{color:#fff;}
.nav_header:visited,.nav_header:hover,.nav_header:focus{text-decoration:none;color:#fff}
.nav_header.btn_login:hover{color:#a8d6f9;border:1px solid #a8d6f9}
.nav_active{border-bottom:3px solid #fff}
.nav_droplist a:hover{border-left:4px solid #2b71c8;color:#7eaeea}
.nav_droplist a{display:block;padding-left:8px;line-height:30px;_zoom:1;text-decoration:none;color:#fff}
.nav_droplist .drop-down-setting{border-bottom:#ececec 1px solid;padding-bottom:4px;margin-bottom:4px;}
.nav_droplist span{ margin-left:10px;}
#topmenu a,#productPanel a,#applicationPanel a,#indexHelpPanel a{color:#fff;padding-top:3px;padding-bottom:3px;border-bottom:1px solid #0c3b76;font-size:14px;}
.why .item .desc .dot_margin{margin-right:9px;color:#5f9be0;font-size:9px;vertical-align:top;margin-top:6px;}
.button_log{position:absolute;top:10px;right:20px;color:#fff;font-size:25px;display:none}
.float_right{float:right}

footer#footer{background-color:#101F46;width:100%;padding-bottom:30px;}
footer#footer .container1 *{color:#d0d8e2;font-size:13px;}
footer#footer .color_t{color:#dae0e4;font-size:15px;}
footer#footer dt,footer#footer dd{margin:10px}
footer#footer .container1{padding:20px 20px 20px 20px;margin:0 auto;}

ol,ul{padding-left:0;list-style:none}
.clearfix-time{display:block;zoom:1}
.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0}
.f12{font-size:12px}
.f30{font-size:30px}
.f24{font-size:24px}
.f14{font-size:14px}
.about2{padding:6px 6px 80px 6px;}
.about2 .tit{text-align:center}
.about2 ul{background:url(../image/time1.png) repeat-y center}
.about2 .tit h6{color:#666}
.about2 .tit h5{color:#333;margin:15px 0 45px}
.about2 li:before{background:url(../image/time0.png) no-repeat center center;left:-68px;top:12px;content:"";display:block;position:absolute;width:17px;height:17px}
.about2 li h4:hover{color:#f8f8f8;transition:all 1s;transform:translateY(-15px)}
.about2 li h4{position:relative;display:block;text-decoration:none;font-family:lato;color:#ecf0f1;text-transform:uppercase;padding:4px 0;transition:.5s}
.about2 li h4::after{position:absolute;content:"";width:100%;height:1px;top:100%;left:0;background:#3498db;transition:transform .5s;transform:scaleX(0);transform-origin:right}
.about2 li h4:hover{color:#95a5a6}
.about2 li h4:hover::after{transform:scaleX(1);transform-origin:left}
.about2 li:nth-child(2n):before{background:url(../image/time0.png) no-repeat center center;right:-69px;top:12px;left:auto;content:"";display:block;position:absolute;width:17px;height:17px}
.about2 li h4{color:#333;transition:all 1s}
.about2 li p{color:#666;margin-top:10px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.future{text-align:center;color:#999;font-size:12px;margin-top:17px}
.about2 li:nth-child(1){margin-top:0}
.about2 li{float:right;width:45%;text-align:left;position:relative;margin-top:100px}
.about2 li:nth-child(2n){float:left;text-align:right;margin-top:90px}
.span{display: inline-block;color: #1a1a1c;font-size: 16px;}

.cta-section{width:auto;margin:0 auto;}

.ksybk{}
.ksybkleft{border-right:1px solid #eee}
.ksybk .bklist{line-height:1.5;margin:20px 15px;}
.ksybk .bklist a:hover{color:#5f9be0}
.ksybk .bklist span{float:right;font-size:12px;}
.ksybk .dot_margin{margin-right:9px;color:#5f9be0;font-size:9px;vertical-align:top;margin-top:6px;}
.ksybk .bkmore{text-align: center; padding-bottom: 60px; margin-top: 100px;}
.ksybk .bkmore .bk_more_a{font-size: 15px; padding: 5px 50px;color:gray; border: 1px #eee solid; border-radius: 5px;}

.freid_links{width: 1180px; margin: 0 auto; color: #808080;font-size:12px;}
.freid_links a{color: #808080;padding:2px 5px;color: #808080}

@media (max-width:767px) {
    section{width:100%;margin:40px auto;}
    .col-md-4{width:100%}
    .header{height:50px;line-height:20px;}
    .index_logo img{width:92px;height:25px;}
    .logo_content,.logo_wrapper{width:auto}
    .nav_wrapper{right:0px;display:inline-grid;right:0px;top:50px;position:relative;width:100%;text-align:center}
    .nav_header{background:#101F46;line-height:45px;color:#fff}
    .nav_droplist{padding:4px;z-index:511111111111111111555555000;visibility:hidden;position:absolute; opacity:0; box-shadow:1px 3px 4px rgba(0, 0, 0, 0.18);font-size:13px;color:#fff;transition:all 0.33s ease}
    .nav_droplist a{background:#073268}
    #application:hover >div.nav_droplist,#product:hover >div.nav_droplist,#industry:hover >div.nav_droplist{opacity:1;visibility:visible;position:relative}
    .btn_login{border:none}.header_margin{margin-left:0px;}
    .button_log{display:block;}
    .nav_wrapper{display:none}
    #applicationPanel a{width:50%;float:left;padding-top:6px;padding-bottom:6px;}
    #applicationPanel,#productPanel,#topmenu,#indexHelpPanel{width:100%;}
    footer#footer{height:auto;display:-webkit-box}
    footer#footer dl{width:100%}footer#footer .call_us{width:100%;text-align:left}
    
    .steps .container{border-radius:0px;}
    #goTop{display:none}
    .section .title{font-size:28px;}
    .mobilecus{margin-left:10px;margin-right:10px;width:95%}
    .why .item{padding-top:60px;padding-bottom:50px;}
    .ksybk .bklist a{display:inline-block;width:82%; color:#4a4a4a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 8px; padding-left: 8px}
    .blog{margin-top:50px;}
    .blog-list .post{margin-bottom:-10px;}
}

@media (min-width:768px) {
    section{margin:80px auto;width:1240px}
    .col-md-4{width:33.333333%}
    .header{height:61px;}
    .index_logo img{width:115px;height:32px;}
    .logo_content,.logo_wrapper{width:1240px}
    .nav_wrapper{position:absolute;right:20px;height:61px;}
    .nav_header{padding:0px 30px;font-size:16px;display:inline-block;height:61px;line-height:61px;color:#fff;cursor:pointer}
    .nav_droplist{position:fixed;top:45px;width:130px;margin-left:-10px;visibility:hidden;opacity:0; background:#073268;padding:4px;z-index:511111111111111111555555000;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.18);font-size:13px;color:#fff;transition:all 0.33s ease}
    .nav_droplist a{padding-left:8px;}    
    #application:hover >div.nav_droplist,#product:hover >div.nav_droplist,#industry:hover >div.nav_droplist,#indexHelp:hover >div.nav_droplist{opacity:1;visibility:visible;}
    .btn_login{color:#fff;border:1px solid #fff;padding:0px 13px;font-size:14px;line-height:27px;height:27px;}
    .button_log{display:none;}
    .nav_wrapper{display:block}
    #applicationPanel a{width:50%;float:left;padding-top:6px;padding-bottom:6px;padding-left:15px;}
    #applicationPanel{width:300px;}
    footer#footer{display:block}
    footer#footer dl{width:250px}footer#footer .call_us{width:300px;text-align:right;display:inline}
    .imgresponse_adjust{ margin-top:60px;margin-left:160px}    
    footer#footer .container1{width:1240px;height:270px;}
    .ksybk .bklist a{display:inline-block; color:#4a4a4a;  margin-bottom: 8px; padding-left: 8px}
    .blog{width:1230px;margin-top:100px;}
}